React & Flux Official introduction video


Posted by Christy on 2021-12-22

Flux: In-Depth Overview

1. 0'00" - 3'00" 暖場

2. 3’28" - 7'20" 核心概念介紹

產品的核心應該是:

  • Reliable

  • High performance

  • Enjoyable, easy to use, etc

The goal is to move fast but quality takes time → High quality in less time

3. 7'28" MVC makes codes unpredictable

Solution: increase predictability

so there are:

  • Flux: single directional data flow

  • React: declarative views

註:聽起來像是先有 Flux,而 React 是為了解決 Flux 執行上的困難而生的工具

4. 10'27" flux: single direction data flow

Action → Dispatcher → Store → View → (Action → Dispatcher → Store …again and again)

Flux 核心概念:

  • improved data consistency

  • easier to pinpoint of a bug

  • more meaningful unit tests

5. 24'23" React

Simplicity is prerequisite for reliability. — Edsger W. Dijkstra

6. 38'00" QA

7. 40'00" Angular and react comparison

8. 42'00" ajax、jQuery

我的心得:

React 說明單向資料流的概念,想必在一開始應該很創新吧,這個概念貫穿了 React 跟 Flux。臉書想要加速開發時間,並維持品質,但請更多工程師,或花更多時間並不是一個好的解決辦法,基於新人進一個團隊,要維護程式碼不是那麼容易及很多修改方面的問題,因此決定要發展一個 library 來解決這個問題。

MVC 框架之所以不被採用,原因在於「牽一髮而動全身」,React & Flux 的概念是每個組件都自成一個小天地,改 A 不會壞 B,而且具有「可預測性」、「易維護性」、「操作直覺」。










Related Posts

程式解題新手入門注意事項

程式解題新手入門注意事項

generics

generics

What Type of Laser Engraving Machine Should be Used for Stainless Steel Engraving?

What Type of Laser Engraving Machine Should be Used for Stainless Steel Engraving?


Comments